<template>
  <div class="table-box">
    <el-table stripe :data="dataList" size="mini" :header-cell-style="{ background: '#F5F5F5', color: '#000000' }" ref="table" style="width: 100%" v-loading="dataListLoading">
      <el-table-column align="center" header-align="center" label="周期" prop="x"></el-table-column>
      <el-table-column align="center" header-align="center" label="独享总数" prop="dx"></el-table-column>
      <el-table-column align="center" header-align="center" label="推送总人数" prop="pub_count"></el-table-column>
      <el-table-column align="center" header-align="center" label="查看总人数" prop="view_count"></el-table-column>
      <el-table-column align="center" header-align="center" label="获取联系方式人数" prop="view_phone_count"></el-table-column>
      <el-table-column align="center" header-align="center" label="减少推荐人数" prop="dec_send_count"></el-table-column>
      <el-table-column align="center" header-align="center" label="查看率" prop="view_rate">
        <template slot-scope="scope"> {{ scope.row.view_rate }}% </template>
      </el-table-column>
      <el-table-column align="center" header-align="center" label="采纳率" prop="accept_rate">
        <template slot-scope="scope"> {{ scope.row.accept_rate }}% </template>
      </el-table-column>
      <el-table-column align="center" header-align="center" label="减少推荐率" prop="dec_rate">
        <template slot-scope="scope"> {{ scope.row.dec_rate }}% </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  props: {
    dataList: Array,
  },
  data() {
    return {
      dataListLoading: false,
    }
  },
  methods: {},
}
</script>

<style scoped lang="scss">
.table-box {
  margin-top: 20px;
  max-height: 500px;
  overflow: hidden;
  overflow-y: auto;
}
</style>
